﻿@{
    ViewBag.Title = "Index";
}
<script type="text/javascript">
    $(function () {
        resizeColumns();

        $(window).resize(function () {
            resizeColumns();
        });
    });

    function resizeColumns() {
        $('#columns').height($(window).height() - $('#header').outerHeight());
    }
</script>
<table id="columns" border="0" width="100%" style="border-spacing: 8px; min-height: 600px;">
    <tr style="display: none;">
        <td colspan="3">
        </td>
    </tr>
    <tr>
        <td style="width: 33%;">
            <div style="border: 1px solid Black; height: 100%;">
            </div>
        </td>
        <td style="width: 33%;">
            <div style="border: 1px solid Black; height: 100%;">
            </div>
        </td>
        <td style="width: 33%;">
            <div style="border: 1px solid Black; height: 100%;">
            </div>
        </td>
    </tr>
</table>
